<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //日期对象  Date()是一个构造函数，必须使用new来调用创建日期对象
        var arr = new Array(); //创建一个数组
        var obj = new Object(); //创建一个对象

        //使用Date  1.如果没有参数，返回当前系统当前时间
        var date = new Date();
        console.log(date);
        //参数常用写法
        var date1 = new Date(2021, 03, 02);  //数字型，返回的时间要大些
        var date2 = new Date('2021-3-2 5:5:8');  //字符串型
        //格式化日期
        console.log(date.getFullYear());  //返回当前日期的年
        console.log(date.getMonth() + 1);   //月 返回的月份小1
        console.log(date.getDate());   //日
        console.log(date.getHours());   //小时
        console.log(date.getMinutes());  //分
        console.log(date.getSeconds());  //秒
        console.log(date.getDay());   //星期   周一1，周六6，周日0
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var dates = date.getDate();
        var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六',];
        //为什么可以取到数组里面的值，上下两行代码看起来没有关联呀？
        var day = date.getDay();
        console.log('今天是' + year + '年' + month + '月' + dates + '日' + arr[day]);


        //格式化时分秒
        //封装一个函数返回当前的时分秒 格式  08：08：08
        function gettime() {
            var time = new Date();
            var h = time.getHours();
            h = h < 10 ? '0' + h : h  //补0
            var m = time.getMinutes();
            m = m < 10 ? '0' + m : m
            var s = time.getSeconds();
            s = s < 10 ? '0' + s : s
            return h + ':' + m + ':' + s;
        }
        console.log(gettime());

        //时间戳
        //现在的时间 距离1970.1.1总的毫秒数(时间戳)
        console.log(date.valueOf());
        console.log(date.getTime);
        //简单写法，最常用的写法
        var date3 = +new Date();  //+new Date返回的就是总的毫秒数
        console.log(date3);
        //h5新增的 获取总的毫秒数
        console.log(Date.now());
    </script>
</head>

<body>

</body>

</html>